<template>
  <div class="emp-empty-box">
    <img class="empty-img" src="/src/assets/logo.svg" alt="empty" />
    <div class="empty-tip">暂时没有被Boss发现，建议尝试多与Boss沟通</div>
    <button class="empty-btn" @click="goToRecommend">查看推荐职位</button>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
function goToRecommend() {
  router.push('/recommend') // 跳转到推荐职位页面
}
</script>

<style scoped>
.emp-empty-box {
  text-align: center;
  margin-top: 80px;
}
.empty-img {
  width: 220px;
  margin-bottom: 24px;
}
.empty-tip {
  color: #8a9399;
  font-size: 18px;
  margin-bottom: 32px;
}
.empty-btn {
  background: #00b2b1;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 16px 48px;
  font-size: 18px;
  cursor: pointer;
  transition: background 0.2s;
}
.empty-btn:hover {
  background: #009e6d;
}
</style> 